<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <h2>这是注册页面，去<a href="login.html">登录</a></h2>
    <form>
        用户名<input type="text" id="username" ><br>
        密码<input type="text" id="password" ><br>
        <input type="button" id="btn" value="注册"><span></span>
    </form>
</body>
<script src="libs/jquery.js"></script>
<script>
    $("#btn").click(function(){
        $.ajax({
            url:"http://localhost:3000/api",
            data:{
                type:"register",
                un:$("#username").val(),
                pw:$("#password").val()
            },
            success:res=>{
                // console.log(res)
                res = JSON.parse(res);
                if(res.code === 1){
                    $(this).next().html("注册成功，3秒后跳转到<a href='login.html'>登录</a>")
                    setTimeout(() => {
                        location.href = "login.html";
                    }, 3000);
                }else if(res.code === 0){
                    alert("你的用户名被注册了，不好意思换一个吧");
                }
            }
        })
    })
</script>
</html>